import React from 'react';
import './Header.css';

const Header: React.FC = () => {
  return (
    <header className="main-header">
      <div className="header-content">
        <div className="header-left">
          <img src="/logo.png" alt="绿色管家" className="logo-img" />
        </div>
        <div className="header-center">
          <div className="nav-links">
            <a href="#" className="nav-link">场景一</a>
            <a href="#" className="nav-link">场景二</a>
            <a href="#" className="nav-link">场景三</a>
            <a href="#" className="nav-link">场景四</a>
          </div>
        </div>
        <div className="header-right">
          <button className="help-btn">
            <i className="icon-help"></i>
            帮助
          </button>
          <div className="user-avatar">
            <img src="/avatar.png" alt="用户头像" />
          </div>
        </div>
      </div>
      <div className="header-decoration">
        <div className="decoration-line"></div>
      </div>
    </header>
  );
};

export default Header;
